<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>QQ音乐</title>
		<link rel="stylesheet" href="css/reset.css" type="text/css">
		<link rel="stylesheet" href="css/iconsearch.css" type="text/css">
		<link rel="stylesheet" href="css/common.css" type="text/css">
		<link rel="stylesheet" href="css/index.css" type="text/css">
	</head>
	<body>
		<header>
			<h1>
				<a href=""><img src="img/qqLogo.png"></a>
			</h1>
			<ul>
				<li><a href="">音乐馆</a></li>
				<li><a href="">我的音乐</a></li>
				<li><a href="">客户端</a></li>
				<li><a href="">音乐号</a></li>
				<li><a href="">VIP</a></li>
			</ul>
			<div class="pay">
				开通付费包
			</div>
			<div class="luxury">
				开通绿钻豪华版
			</div>
			<div class="login">
				登录
			</div>
			<div class="search">
				<input type="text" placeholder="搜索音乐、MV、歌单、用户">
				<div class="icon-search"></div>
			</div>
		</header>
		<nav>
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">歌手</a></li>
				<li><a href="">新碟</a></li>
				<li><a href="">排行榜</a></li>
				<li><a href="">分类歌单</a></li>
				<li><a href="">电台</a></li>
				<li><a href="">MV</a></li>
				<li><a href="">数字专辑</a></li>
				<li><a href="">票务</a></li>
			</ul>
		</nav>
		<section>
			<article>
				<h2>歌单推荐</h2>
				<ul>
					<li><a href="">为你推荐</a></li>
					<li><a href="">情歌</a></li>
					<li><a href="">轻音乐</a></li>
					<li><a href="">笛子</a></li>
					<li><a href="">官方歌单</a></li>
					<li><a href="">网络歌曲</a></li>
				</ul>
				<div class="musicDiv">
					<div class="musicDivItem">
						<img src="img/music1.png">
						<a href="">古风电子：灵魂碰撞，别有一番韵味</a>
						<p>播放量：3.8万</p>
					</div>
					<div class="musicDivItem">
						<img src="img/music2.png">
						<a href="">听完这些歌，我日语水平N1 !</a>
						<p>播放量：4.6万</p>
					</div>
					<div class="musicDivItem">
						<img src="img/music3.png">
						<a href="">大卫 · 林奇 | 荧幕里的梦境歌声</a>
						<p>播放量：15.1万</p>
					</div>
					<div class="musicDivItem">
						<img src="img/music4.png">
						<a href="">快乐加油站！搞笑魔性神曲</a>
						<p>播放量：4.7万</p>
					</div>
					<div class="musicDivItem">
						<img src="img/music5.png">
						<a href="">仓木麻衣：我的歌声烙在你成长的印记</a>
						<p>播放量：24.7万</p>
					</div>
					<div class="clear"></div>
				</div>	
			</article>
		</section>
		<footer></footer>
	</body>
</html>
